<template>
  <div class="demo-image__preview">
    <el-image
      fit="cover"
      :initial-index="4"
      :preview-src-list="srcList"
      :src="coverUrl"
      style="width: 100px; height: 100px"
      :zoom-rate="1.2"
    />
  </div>
</template>

<script setup>
  const props = defineProps({
    // 封面图
    coverUrl: {
      type: String,
      default: "",
    },
    // 图组
    srcList: {
      type: Array,
      default: () => {
        return [];
      },
    },
  });
</script>

<style scoped>
  .demo-image__error .image-slot {
    font-size: 30px;
  }

  .demo-image__error .image-slot .el-icon {
    font-size: 30px;
  }

  .demo-image__error .el-image {
    width: 100%;
    height: 200px;
  }
</style>
